.@{form-prefix-cls}-item {
	margin-bottom: 12px !important;
}
.@{form-prefix-cls}-vertical .@{form-prefix-cls}-item {
	margin-bottom: 0 !important;
}
.@{form-prefix-cls}-inline .@{form-prefix-cls}-item {
    margin-right: 12px !important;
    margin-bottom: 0 !important;
    &:last-child {
    	margin-right: 0 !important;
    }
}

form textarea.ant-input {
    margin-bottom: 0 !important;
}

.@{transfer-prefix-cls} {
	text-align: center;
	.@{transfer-prefix-cls}-list {
		text-align: left;
	}
}

.upload-process {
	position:fixed;
    width:560px;
    bottom:20px;
    right:20px;
    z-index:10;
    max-height:320px;
    border-radius:3px;
    box-shadow:0 0 24px rgba(0, 0, 0, .18);
    background:#FFFFFF;
    &-header {
    	.clearfix;
		padding:10px 15px;
    	border-bottom:solid 1px #F3F3F3;
    	h2 {
    		float:left;
    		font-size:16px;
		    color:#6F8092;
		    font-weight:normal;
		    line-height:normal;
    	}
    }
    &-toolbar {
    	float:right;
    	.fa, i {
    		padding: 1px 5px;
    		color: #61b3d7;
    		cursor: pointer;
    		&:hover {
    			color: #D43F3A;
    		}
    	}
    }
    &-body {
		min-height:200px;
		overflow-y:auto;
		overflow-x:hidden;
		max-height:280px;
    }
    .upload-file {
    	padding:10px 15px;
    	border-bottom:solid 1px #EAEAEA;

    	img {
    		display:inline-block;
    		width:36px;
		    height:36px;
		    margin-right:10px;
		    vertical-align:middle;
    	}
    	.file-name {
		    display:inline-block;
		    max-width:300px;
		    white-space:nowrap;
		    text-overflow:ellipsis;
		    vertical-align:middle;
		    overflow:hidden;
    		color:#4E545F;
    	}
    	.file-progress {
    		display:inline-block;
    		float:right;
    		width:160px;
    		height:14px;
    		margin-top:12px;
    		border-radius:5px;
    		background-color:#EEEEEE;
    		&-bar {
    			display:flex;
    			height:100%;
    			flex-direction:column;
    			transition:width .6s ease-in;
    			border-radius:5px;
    			background-color:#61B3D7;
    		}
    	}
    	.file-message {
			display:inline-block;
			float:right;
			margin-top:8px;
			color:#61B3D7;
    	}
    }
}

.area-form {
    border:1px solid #CCCCCC;
    border-radius:3px;
    &.active {
        border-color:#66AFE9;
        box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
    &-body {
        textarea {
            height:70px;
            resize:none;
            border:none !important;
            box-shadow:none !important;
        }
    }
    &-footer {
        padding:10px;
        text-align:right;
        button {
            margin-left:12px;
            &:first-child {
                margin-left:0;
            }
        }
    }
}

.tools(@tools-width:36px) {
    display:inline-block;
    width:@tools-width;
    // font-size:0;
    // text-align:right;

    .ico-btn {
        display:inline-block;
        min-width:18px;
        height:16px;
        font-size:14px;
        text-align:center;
        line-height:16px;
        vertical-align:middle;
        cursor:pointer;

        &.fa-minus-square, &:hover {
            color:#D43F3A;
        }
    }
    .ico-btns {
        display:inline-block;
        vertical-align:middle;
        color:#5CB76F;
        .ico-btn {
            display:flex;
            justify-content:center;
            align-items:center;
            height:8px;
            line-height:8px;
        }
    }
}

.form-title {
    margin-top:12px;
    .clearfix;

    h2 {
        display:inline-block;
        font-size:14px;
        color:#D75B5D;
        vertical-align:bottom;
        &:before {
            .iconfont('\f292');
            margin-right:5px;
            font-size:12px;
            // color:#5CB76F;
        }
    }
    &-toolbar {
        float:right;
    }
}
.field-options {
    margin-top:12px;
    h3 {
        padding:10px 0;
        font-size:14px;
        border-bottom:1px dotted #CDCDCD;
    }
    .field-option {
        display:flex;
        padding:10px 0;
        border-bottom:1px dotted #CDCDCD;
        &:first-child {
            border-top:1px dotted #CDCDCD;
        }
        &-body {
            flex:1;

            table {
                margin:-10px 0;
                th {
                    font-weight:normal;
                }
                th, td {
                    padding:10px 5px;
                    border-bottom:1px dotted #CDCDCD;
                }
                // tr:last-child td,
                tbody:last-child td,
                thead:last-child th {
                    border:none !important;
                }
                table {
                    margin:0;
                    td {
                        padding:5px;
                        border:none !important;
                        &.x-control {
                            padding-top:10px;
                            padding-bottom:10px;
                        }
                    }
                }

                &.data-table {
                    tr:first-child td {
                        border:none;
                    }
                    tr:last-child td {
                        border-bottom:1px dotted #CDCDCD;
                    }
                    td {
                        vertical-align:middle;
                        table {
                            margin-top:-20px;
                        }
                    }
                }
            }
        }
        &-footer {
            .tools(auto);
            padding-left:20px;
            
            label {
                margin:0;
                font-size:14px;
                vertical-align:middle;
            }
        }
        &-data {
            // &:before {
            //  .iconfont('\f046');
            //  margin-right:7px;
            //  color:#5CB76F;
            // }
        }
        &-form {
            margin-top:7px;
        }
    }
}